﻿/*CONTENT PREVIEW*/
.previewPanel
{
    padding-bottom: 10px;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    /*background-color: #F4EEFC;*/
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
}
.previewTitleHun
{
    font-weight:bolder;
    font-size: 18px; 
}
.previewStatus
{
    font-weight:bold;
    font-size: 14px; 
    color: Red;
}
.previewTitleOrig
{
    font-weight:bold;
    font-size: 14px; 
}
.previewReleaseDate
{
    font-style: italic;
}
.previewDescription
{
    text-align: justify;
}
.previewInfoDiv
{
    position:absolute;
    width: 100%;
    text-align: right;
    font-style: italic;
}

/*CONTENT*/
.panel
{
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    /*background-color: #F4EEFC;*/
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
}
.infoTalbe
{
    padding: 5px, 5px, 5px, 5px;
}
.titleHun
{
    font-weight:bolder;
    font-size: 32px; 
}
.titleOrig
{
    font-weight:bold;
    font-size: 24px; 
}
.status
{
    font-weight:bold;
    font-size: 16px; 
    color: Red;
}
.directors{}
.writers{}
.stars{}
.genres{}
.length{}
.series{}
.season{}
.releaseDate
{
    font-style: italic;
}
.description
{
    text-align: justify;
}

/*COMMENT*/
.commentPanel
{
    padding-bottom: 10px;
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #F4EEFC;
    border-style: solid;
    border-width: 1px;
    border-color: Gray;
}
.commentTable
{
    width:100%;  
}
.commentTableLeft
{
    width: 15%; 
    border: 1px solid;
}
.commentTableRight
{
    width:auto;
    border: 1px solid; 
}
.commentInfoTable
{
    width:100%;  
 
}
.commentCreatedDate
{
    font-style: italic;       
}
.commentUserName
{
    font-weight:bold;
    font-size: 16px; 
}
.commentTitle
{
    font-weight:bold; 
}
.commentContent
{
    text-align: justify;
}
/*SUBTITLE GRIDVIEW*/
.formTable .right
{
    vertical-align: top;
    text-align: right;
    padding: 5px;
}
.formTable .left
{
    vertical-align: top;
    text-align: left;
    padding: 5px;
}
.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}
.mGrid th
{
    padding: 4px 2px;
    color: #fff;
    background: #424242 url('../images/grd_head.png') repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}
.mGrid .alt
{
    background: #fcfcfc url('../images/grd_alt.png') repeat-x top;
}
.mGrid .pgr
{
    background: #424242 url('../images/grd_pgr.png') repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}
/*Tooldiv*/
.mainDiv
{
    position:relative;  
    width: 100%;
    height: 100%;
}
.toolDiv
{
    text-align: right;
    position:absolute;   
    width: 100%;
}
.imageDiv
{
    position:relative;    
}
.playButtonsDiv
{
    position:absolute;   
    width: 960px;
    height: 200px;
    top: 215px;
    left: 885px;  
}

/* Rating */
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../images/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../images/SavedStar.png);
}
    
}
.gradient-style
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
.gradient-style th
{
	background: #b9c9fe url('../images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
	text-align: left;
}
.gradient-style td
{
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../images/gradback.png') repeat-x;
}
.gradient-style tfoot tr td
{
	background: #e8edff;
	color: #99c;
}
.gradient-style tbody tr:hover td
{
	background: #d0dafd url('../images/gradhover.png') repeat-x;
	color: #339;
}
